// @ts-ignore
import styled from "styled-components";
type propsType={};
const RegisterStyle=styled.div<propsType>`
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  .register-box{
    position: relative;
    display: flex;
  }
  .register-left-box{
    height: 100vh;
    flex: 2;
    background-image: url('https://bucket-yufei.oss-cn-beijing.aliyuncs.com/sixth-qianfeng/front/bg3.jpg');
    background-position: center;
    background-repeat: no-repeat;
  }
  .register-right-box{
    position: relative;
    height: 100vh;
    flex: 1;
    min-width: 400px;
    overflow: hidden;
  }
  .register-form-box{
    position: relative;
    //top: 50%;
    //left: 50%;
    //transform: translate(-50%, -80%);
  }
  h1{
    text-align: center;
    line-height: 50px;
  }
  /** 注意这里我们使用了antd提供的类名并进行修改
    也只有这种方式，才能将password输入框背景的样式去掉
    
 */
  .ant-input{
    background: #FFFFFF!important;
  }
  .antd-btn{
    margin:0 10px;
    height: 45px;
  }
`;
export default RegisterStyle;
